mui.init({  
              pullRefresh: {  
                  container: '#wrapper',  
                  down: {  
                      callback: pulldownRefresh  
                  },  
              }  
          });
          function pulldownRefresh() {  
          	var active=document.getElementsByClassName('mui-active');
          	var id=active[0].id
              setTimeout(function (id) {  
                  getMgEAStatus(id);//实现更新页面的操作  
                  mui('#wrapper').pullRefresh().endPulldownToRefresh(); //refresh completed  
              }, 1500);  
          }  
          function getMgEAStatus(id){
          	
          	mui.ajax('http://ytyxyt.online/api/'+id+'.php', {
			dataType: 'json', //服务器返回json格式数据
			type: 'post', //HTTP请求类型
			timeout: 10000, //超时时间设置为10秒；
			headers: { 'Content-Type': 'application/json' },
			success: function(data) {
				var html = "";
				var ss = document.getElementById('scroller');
				var oUl = ss.getElementsByTagName('ul');
				for(var i = 0; i < data.length; i++) {

					html += '<li><div><p class="skill-h">' + data[i].category + '</p><p>技术：' + data[i].name + '</p><p>时间：' + data[i].time + '</p> <p>掌握度：' + data[i].level + '</p></div></li>'
				}
				oUl[0].innerHTML = html;
				console.log(mui("#scroller ul").innerHTML)
				console.log(data);
			},
			error: function(xhr, type, errorThrown) {
				//异常处理；
				console.log(type);
			}
		});
          }
          
          
          
          
		mui.ajax('http://ytyxyt.online/api/skill.php', {
			dataType: 'json', //服务器返回json格式数据
			type: 'post', //HTTP请求类型
			timeout: 10000, //超时时间设置为10秒；
			headers: { 'Content-Type': 'application/json' },
			success: function(data) {
				var html = "";
				var ss = document.getElementById('scroller');
				var oUl = ss.getElementsByTagName('ul');
				for(var i = 0; i < data.length; i++) {

					html += '<li><div><p class="skill-h">' + data[i].category + '</p><p>技术：' + data[i].name + '</p><p>时间：' + data[i].time + '</p> <p>掌握度：' + data[i].level + '</p></div></li>'
				}
				oUl[0].innerHTML = html;
				console.log(mui("#scroller ul").innerHTML)
				pulldownRefresh() 
				console.log(data);
			},
			error: function(xhr, type, errorThrown) {
				//异常处理；
				console.log(type);
			}
		});
		mui(".mui-bar").on("tap", "#me", function() {
					mui.ajax('http://ytyxyt.online/api/me.php', {
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						headers: { 'Content-Type': 'application/json' },
						success: function(data) {
							var html = "";
							var ss = document.getElementById('scroller');
							var oUl = ss.getElementsByTagName('ul');
							for(var i = 0; i < data.length; i++) {

								html += '<li class="me-li"><div class="me-img"><img src="' + data[0].image + '" alt=""></divc><p class="name">姓名：' + data[0].name + '</p><p class="age">年龄：' + data[0].age + '</p> <p class="sex">性别：' + data[0].sex + '</p> <p class="school">学校：' + data[0].shcool + '</p> <p class="love">爱好：' + data[0].love + '</p></li>'
							}
							oUl[0].innerHTML = html;
							console.log(mui("#scroller ul").innerHTML)
							console.log(data);
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							console.log(type);
						}
		});
		


											});
											
											
											
											
				mui(".mui-bar").on("tap", "#skill", function() {
					mui.ajax('http://ytyxyt.online/api/skill.php', {
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						headers: { 'Content-Type': 'application/json' },
						success: function(data) {
							var html = "";
							var ss = document.getElementById('scroller');
							var oUl = ss.getElementsByTagName('ul');
							for(var i = 0; i < data.length; i++) {

								 html += '<li ><div><p class="skill-h">' + data[i].category + '</p><p>技术：' + data[i].name + '</p><p>时间：' + data[i].time + '</p> <p>掌握度：' + data[i].level + '</p></div></li>'
							}
							oUl[0].innerHTML = html;
							console.log(mui("#scroller ul").innerHTML)
							console.log(data);
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							console.log(type);
						}
								});
				});
				
				
				
				
	mui(".mui-bar").on("tap", "#work", function() {
					mui.ajax('http://ytyxyt.online/api/work.php', {
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						headers: { 'Content-Type': 'application/json' },
						success: function(data) {
							var html = "";
							var ss = document.getElementById('scroller');
							var oUl = ss.getElementsByTagName('ul');
							for(var i = 0; i < data.length; i++) {

								  html += '<li class="mui-content-padded"><div><p>' + data[i].name + '</p><p>' + data[i].category + '</p><p>' + data[i].time + '</p> <p>' + data[i].projects + '</p><p ><img src="'+data[i].image+'" data-preview-src="" data-preview-group="1" class="imgfa" /></p></div></li>'
							}
							oUl[0].innerHTML = html;
							console.log(mui("#scroller ul").innerHTML)
							console.log(data);
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							console.log(type);
						}
								});
				});
				
				
				
				
		mui(".mui-bar").on("tap", "#project", function() {
					mui.ajax('http://ytyxyt.online/api/project.php', {
						dataType: 'json', //服务器返回json格式数据
						type: 'post', //HTTP请求类型
						timeout: 10000, //超时时间设置为10秒；
						headers: { 'Content-Type': 'application/json' },
						success: function(data) {
							var html = "";
							var ss = document.getElementById('scroller');
							var oUl = ss.getElementsByTagName('ul');
							for(var i = 0; i < data.length; i++) {

								 html += '<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">' + data[i].category + '</a><div class="mui-collapse-content"><p>' + data[i].name + '</p><p>' + data[i].url + '</p> <p>' + data[i].description + '</p> <p>' + data[i].detail + '</p> <p>' + data[i].tech + '</p></div></li>'
							}
							oUl[0].innerHTML = html;
							console.log(mui("#scroller ul").innerHTML)
							console.log(data);
						},
						error: function(xhr, type, errorThrown) {
							//异常处理；
							console.log(type);
						}
								});
				});
											//		$.("#skill").tap(function() {
											//			$(this).addClass('changeback').siblings().removeClass('changeback');
											//			var apiTarget = $(this).attr('id');
											//			var apiUrl = "http://www.ytyxyt.online/api/" + apiTarget + ".php";
											//			load();
											//			$.ajax({
											//				type: 'GET',
											//				url: apiUrl,
											//				dataType: 'json',
											//				success: function(data) {
											//					console.log(data);
											//					var html = "";
											//					for(var i = 0; i < data.length; i++) {
											//
											//						html += '<li><div><p class="skill-h">' + data[i].category + '</p><p>技术：' + data[i].name + '</p><p>时间：' + data[i].time + '</p> <p>掌握度：' + data[i].level + '</p></div></li>'
											//					}
											//					$("#scroller ul").html(html);
											//					myScroll.refresh();
											//				}
											//			})
											//		})